﻿@charset "utf-8";
/**
*公共样式文件
*/
body, html, header, span, a, ul, input, h2, dl, dd, p, h1 {padding: 0;margin: 0;}
body, a, span, input, select{font-size: 12px;font-family: "Microsoft YaHei" !important;}
img,input,select, button {border: none;}
a { text-decoration: none; outline: none ;}
ul, li {list-style: none;}
em{font-style: normal;}
body {background: #fafafa;}
img, em {vertical-align: middle;}
input{outline:none;}
.ml-8 {margin-left: 8px;}
.ml-10 {margin-left: 10px}
.ml-16 {margin-left: 16px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-50 {margin-left: 50px;}
.ml-80 {margin-left: 80px;}
.mt-5 {margin-top: 5px;}
.mt-8 {margin-top: 8px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-16 {margin-top: 16px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}
.mr-30 {margin-right: 30px;}
.mtb-20 {margin: 20px 0;}
.plr-20 {padding: 0 20px;}
.ptb-15 {padding: 15px 0;}
.ptb-20 {padding: 20px 0;}
.ptb-30 {padding: 30px 0;}
.green {color: #ff6600;}
.orange {color: #ff7700;}
.center {text-align: center;}
.red {color: red;}
.fl {float: left;}
.fr {float: right;}
.w-79 {width: 79px;}
.w-92 {width: 92px;}
.w-150 {width: 150px;}
.w-120 {width: 120px;}
.w-202 {width: 202px;}
.w-218 {width: 218px;}
.w-220 {width: 220px;}
.w-238 {width: 238px;}
.w-240 {width: 240px;}
.w-242 {width: 242px;}
.w-258 {width: 258px;}
.w-260 {width: 260px;}
.w-278 {width: 278px;}
.w-300 {width: 300px;}
.w-335 {width: 335px;}
.w-410 {width: 410px;}
.w-430 {width: 430px;}
.w-690 {width: 690px;}
.w-870 {width: 870px;}
.h-40 {height: 40px;}
.h-160 {height: 160px;}
.w-1160 {width: 1160px;}
.h-374 {height: 374px;}
.h-380 {height: 380px;}
.h-597 {height: 467px;}
.h-362 {height: 380px;}
.col-3 {color: #333;}
.col-3 a {color: #333;}
.col-9 {color: #999}
.fontsize24 {font-size: 24px;}

.clearfix:after{ content:" "; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }  
.cl {clear: both;height: 0px;}  
h2 {font-weight: normal;}
/*头部*/
.header {width: 100%;min-width: 1200px;}
.header-top {width: 100%;height: 35px;border-bottom: 1px solid #ccc;}
.header-top-center {width: 1200px;margin: 0 auto;height: 35px;}
.header-top-left {float: left;line-height: 35px;}
.header-top-left em {display: inline-block;margin-right: 6px;width: 12px;height: 16px;background: url('../images/css-sprite-1.png') no-repeat;vertical-align: middle;}
.header-top-left a{display: inline-block;color:#555;}
.header-top-left a.htl-city {color: #1b72ba;}
.header-top-left span{color:#333;}
.header-top-left span.htl-welcome {margin-left: 20px;color:#999;}
.header-top-right {float: right;line-height: 35px;}
.header-top-right a{display: inline-block;padding: 0 5px;color:#555;}
.header-top-right span{padding: 0 10px;color:#555;}
.header-top-right a.htr-zx {padding: 0 21px;font-size:14px;font-weight: bold;color: #ff7700;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.htr-split {font-style: normal;color: #e5e5e5;}
/*头部微信*/
.header-top-right .htr-weixin {position: relative;display: inline-block;padding: 0;margin: 0 5px;width: 20px;height: 20px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -17px -118px;vertical-align: middle;}
.htr-weixin-icon {display:none;position: absolute;top: 25px;left: -40px;width: 100px;height: 105px;-webkit-animation:topFadeIn .3s ease-out;-moz-animation:topFadeIn .3s ease-out;animation:topFadeIn .3s ease-out;}
.htr-weixin:hover .htr-weixin-icon {display: block;}
/*头部微博*/
.header-top-right .htr-weibo {position: relative;display: inline-block;padding: 0;margin:0 20px 0 5px;width: 20px;height: 20px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -39px -118px;vertical-align: middle;}
.htr-weibo-icon {display:none;position: absolute;top: 25px;left: -40px;width: 100px;height: 105px;-webkit-animation:topFadeIn .3s ease-out;-moz-animation:topFadeIn .3s ease-out;animation:topFadeIn .3s ease-out;}
.htr-weibo:hover .htr-weibo-icon {display: block;}

.header-center {width: 100%;height: 100px;}
.header-center-container {width: 1200px;height: 100px;margin: 0 auto;}
.hcc-logo {display:inline-block;float: left;width:310px;height: 80px;margin-top: 10px; background: url(/skin/wqhome/image/logo.png) no-repeat; text-indent: -99em;}
.hcc-logo h1 {height: 80px;}
.hcc-main {float:left;width: 600px;height: 100px;}
.header-search {margin-left: 75px;margin-top: 30px;width: 450px;height: 40px;}
.header-select {position: relative;float: left;width: 100px;height: 40px;}
.header-select-sort {position: relative;display: inline-block;width: 98px;height: 36px;line-height: 36px;color: #999;border-left: 2px solid #1b72ba;border-top: 2px solid #1b72ba;border-bottom: 2px solid #1b72ba;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.header-select:hover .header-select-sort em {background: url('../images/css-sprite-1.png') no-repeat -14px -5px;}
.header-select:hover .header-select-sort {border-left: 2px solid #1b72ba;border-top: 2px solid #1b72ba;border-bottom: 2px solid #1b72ba;}
.header-select-sort em {position: absolute;top: 17px;right: 15px;display: inline-block;width: 8px;height: 4px;background: url('../images/css-sprite-1.png') no-repeat -14px 0;}
.header-select ul {position: absolute;top: 38px;left: 0;width: 100px;z-index: 2;}
.header-select ul li {width: 100px;height: 30px;line-height: 30px;color: #fff;background: #1b72ba;text-align: center;cursor: pointer;}
.header-select ul li.current {background: #80b3e1;}
.header-select ul li:hover {background: #80b3e1;}
.header-search-input {float: left;width: 249px;height: 36px;line-height: 36px;text-indent: 20px;border-left: 1px solid #1b72ba;border-top: 2px solid #1b72ba;border-bottom: 2px solid #1b72ba;outline: none;}
.header-search-btn {width: 100px;height: 40px;line-height: 40px;font-size: 16px;font-weight: bold;color: #fff;background: #1b72ba;border-top-right-radius: 5px;border-bottom-right-radius: 5px;cursor: pointer;outline: none;}
.hcc-photo {display:inline-block;float:right;width: 250px;margin-top: 30px;}

.hcc-photo b {font-size: 16px;color: #ff7700;}

.header-bottom {width: 100%;height: 52px;border-bottom: 2px solid #80b3e1;}
.header-menu {width: 1200px;height: 52px;margin: 0 auto;}
.header-menu ul li{position: relative;float: left;width: 152px;height: 52px;line-height: 52px;font-size: 16px;}
.header-menu ul li a.current1 {background: #1b72ba;color: #fff;}
.header-menu ul li a.current1 .menu-icon {background: url('../images/css-sprite-1.png') no-repeat -24px -5px;}
.header-menu ul li a{display: block;height: 52px;line-height: 52px;color: #333;text-align: center;font-size: 16px;}
.header-menu .menu-son dd {position: relative;background: #1b72ba;z-index: 2;}
.header-menu .menu-son dd a {height: 41px;line-height: 41px;font-size: 12px;color: #fff;}
.header-menu .menu-son dd:hover {background: #80b3e1;opacity: 1;}

.header-menu li:hover {background-color: #1b72ba;}
.header-menu li:hover a {color: #fff;}
.header-menu li:hover .menu-icon {background: url('../images/css-sprite-1.png') no-repeat -24px -5px;}

.header-menu .menu-icon {position: absolute;top: 25px;right: 20px;width: 8px;height: 4px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -24px 0;}
.header-menu .menu-icon-hot {position: absolute;top: 0;right: 10px;width: 27px;height: 15px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -35px 0;}
/*导航栏右侧*/
.header-menu-right {position: relative;display: inline-block;float: right;}
.header-menu-right .menu-bg {border-left: 1px solid #1b72ba;border-right: 1px solid #1b72ba;margin-top: 10px;padding: 0 40px;}
.header-menu-right .menu-right-show {position: absolute;top: 52px;left: 0;display: none;width: 254px;height: 201px;z-index: 2;-webkit-animation:topFadeIn .3s ease-out;-moz-animation:topFadeIn .3s ease-out;animation:topFadeIn .3s ease-out;}
.header-menu-right:hover .menu-right-show {display: block;}

@-webkit-keyframes topFadeIn {
	0% {
		opacity:0;
		-webkit-transform:translateY(10px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0)
	}
}
@-moz-keyframes topFadeIn {
	0% {
		opacity:0;
		-moz-transform:translateY(10px)
	}
	100% {
		opacity:1;
		-moz-transform:translateY(0)
	}
}
@keyframes topFadeIn {
	0% {
		opacity:0;
		transform:translateY(10px)
	}
	100% {
		opacity:1;
		transform:translateY(0)
	}
}

/*标题*/
.tit-module-24 {line-height: 24px;overflow: hidden;}
.tit-module-24 h2 {float: left;padding-left:10px;font-size: 24px;font-weight: bold;color: #333;border-left: 4px solid #1b72ba;}
.tit-module-24 div {float: right;color: #666;}
.tit-module-36 {position: relative;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.tit-module-36 h2 {display: inline-block;height: 50px;line-height: 50px;font-size: 26px;font-weight: normal;color: #333;border-bottom: 1px solid #1b72ba;}
.tit-module-36 span {margin-left: 20px;color: #999;}
.tit-module-36 ul {position: absolute;bottom: 8px;right: 0;}
.tit-module-36 ul li {float: left}
.tit-module-36 ul li a{padding: 12px 8px;color: #333;}
.tit-module-36 ul li a:hover {color: #1b72ba;}


/*按钮*/
.btn {height: 40px;line-height: 40px;font-size: 18px;font-weight: bold;color: #fff;background: #ff7700;border-radius: 5px;cursor: pointer;}
.btn:hover{background:#ff4001;border:#ff4001 1px solid;}

/*面包屑*/
.breadcrumb {width: 1200px;height: 40px;line-height: 40px;border-bottom: 1px solid #e5e5e5;}
.breadcrumb a {margin-right: 8px;font-size: 12px;color: #555;}
.breadcrumb a:hover {color: #1b72ba;}
.breadcrumb span {margin-right: 8px;display: inline-block;width: 6px;height: 12px;background: url('../images/css-sprite-2.png') no-repeat;background-position: -217px -148px;vertical-align: middle;margin-bottom: 3px;}

/*底部*/
.footer {margin-top: 20px;width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;}
.footer-top {padding-top: 20px;width: 1200px;margin: 0 auto;}
.footer-top-tabs {position: relative;width: 1200px;height: 51px;border-bottom: 1px solid #e5e5e5;}
.footer-top-list {display: none;padding:15px 0;width: 1200px;overflow: hidden;}
.footer-top-list ul li {float: left;padding-right: 20px;height: 24px;line-height: 24px;}
.footer-top-list ul li a {color: #333;}
.footer-top-tabs ul li {float: left;margin-right: 50px;height: 50px;line-height: 50px;font-size: 18px;color: #000;cursor: pointer;}
.footer-top-tabs .footer-top-link {position: absolute;top:15px;right: 0;font-size: 16px;color: #ff7700;}
.footer-middle {width: 100%;height: 130px;background: #e5e5e5;}
.footer-middle-box {width: 1200px;height: 130px;margin: 0 auto;}
.fmb-box {float: left;position: relative;width: 300px;height: 130px;}
.footer-box-icon1 {display: inline-block;position: absolute;top: 50px;left: 0;width: 40px;height: 50px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -3px -315px;}
.footer-box-icon2 {display: inline-block;position: absolute;top: 50px;left: 0;width: 40px;height: 50px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -45px -315px;}
.footer-box-icon3 {display: inline-block;position: absolute;top: 50px;left: 0;width: 40px;height: 50px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -87px -315px;}
.footer-box-icon4 {display: inline-block;position: absolute;top: 50px;left: 0;width: 40px;height: 50px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -129px -315px;}
.footer-box-content {position: absolute;top: 55px;left:60px;}
.footer-box-content .footer-p1 {font-size: 18px;color: #333;}
.footer-box-content .footer-p2 {font-size: 16px;color: #666;}
.footer-bottom {width: 100%;height: 450px;background: #333;}
.footer-bottom-box1 {padding-top: 30px;margin: 0 auto;width: 1200px;height: 205px;border-bottom: 1px solid #e5e5e5;}
.fbb-list1 {position: relative;float: left;width: 200px;color: #fff;text-align: center;}
.fbb-list1 em {position: absolute;top: 0;left: 0;display: inline-block;width: 1px;height: 172px;background: url('../images/css-sprite-1.png') no-repeat;background-position: 0 -162px;}
.fbb-list1 h2 {margin-bottom: 10px;font-size: 18px;text-align: center;}
.fbb-list1 ul li {height: 36px;line-height: 36px;}
.fbb-list1 ul li a {color: #fff;}
.fbb-list2 {position: relative;float: left;width: 400px;color: #fff;text-align: center;}
.fbb-list2 em{position: absolute;top: 0;left: 0;display: inline-block;width: 1px;height: 172px;background: url('../images/css-sprite-1.png') no-repeat;background-position: 0 -162px;}
.fbb-list2 a{display: inline-block;margin-top: 20px;padding: 10px 40px;font-size: 18px;font-weight: bold;color: #fff;border: 2px solid #fff;text-decoration: none;}
.fbb-list2 a:hover {background: #fff;color: #333;text-decoration: none;}
.fbb-list2-p1 {font-size: 18px;font-weight: bold;}
.fbb-list2-p2 {margin-top: 10px;font-size: 28px;font-weight: bold;}
.fbb-list2-p3 {margin-top: 10px;font-size: 14px;}
.footer-bottom-box2 {margin: 0 auto;width: 1200px;color: #fff;text-align: center;}

/*属性列表*/
.attr-list {margin: 30px 0;border: 1px solid #e5e5e5;border-radius: 4px;}
.attr-list dl {position: relative;margin: 0 30px;padding: 15px 0;border-bottom: 1px solid #e5e5e5;}
.attr-list dl:last-child {border-bottom: none;}
.attr-list dl dt {position: absolute;top: 15px;left: 0;width: 85px;height: 30px;line-height: 30px;font-size: 16px;color: #333;border-right: 1px solid #e5e5e5;}
.attr-list dl dd {margin-left: 85px;overflow: hidden;}
.attr-list dl dd a {display: inline-block;padding: 0 15px;line-height: 30px;font-size: 14px;color: #333;text-align: center;}
.attr-list dl dd a:hover {color: #80b3e1;}

/*装修图库属性列表*/
.container-case {margin: 0 auto;width: 100%;min-width: 1200px;max-width: 1920px;height: 300px;background: url('../images/case-top-bg.png') no-repeat;}
.container-case-box {width: 1200px;height: 300px;margin: 0 auto;}
.case-style {float: left;margin-top: 60px;height: 244px;}
.case-style-box {margin-top: 1px;width: 1200px;height: 60px;background: rgb(255,255,255);opacity: 0.8;}
.case-style-box span {display: inline-block;float: left;padding: 0 20px;height: 60px;line-height: 60px;font-size: 14px;font-weight: bold;color: #333;}
.case-style-box ul li {float: left}
.case-style-box ul li a {display: inline-block;height: 60px;line-height: 60px;padding: 0 12px;font-size: 14px;color: #333;}
.case-style-box ul li a:hover {color: #1b72ba;}

/*默认排序/浏览最多910*/
.sort-list {position: relative;padding: 10px 20px;height: 30px;line-height: 30px;background: #f2f2f2;}
.sort-list .default-sort {display: inline-block;padding: 0 10px;width: 80px;height: 30px;line-height: 30px;font-size: 18px;color: #333;border-right: 1px solid #e5e5e5;}
.sort-list .default-sort:hover {color: #1b72ba;}
.sort-list a.green {color: #1b72ba;}
.sort-list .view-sort {display: inline-block;padding: 0 10px;width: 80px;height: 30px;line-height: 30px;font-size: 18px;color: #000;}
.sort-list .view-sort:hover {color: #1b72ba;}
.sort-list .issue-tender {position: absolute;top: 0;right: 0;width: 180px;height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;color: #fff;background: #ff7700;text-align: center;}
.sort-list .recommend-today {display: inline-block;padding: 0 10px;width: 80px;height: 30px;line-height: 30px;font-size: 18px;color: #333;border-right: 1px solid #e5e5e5;}
.sort-list .most-popular {display: inline-block;padding: 0 10px;width: 80px;height: 30px;line-height: 30px;font-size: 18px;color: #333;}
.sort-list .so-num {position: absolute;top: 15px;right: 30px;font-size: 14px;font-weight: normal;color: #333;}
.sort-list .jump-quote {position: absolute;top: 15px;right: 30px;font-size: 12px;font-weight: normal;color: #ff7700;text-decoration:underline;}
.sort-list .recommend-designer {position: absolute;top: 0;right: 0;width: 180px;height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;color: #fff;background: #ff7700;text-align: center;}

/*广告*/
.main-top-adv {width: 1200px;height: auto;overflow: hidden;}

/*主体*/ 
.main-content-870 {width: 870px;}

/*分页*/
.pager {padding: 20px 0;text-align: center;}
.pager em {display: inline-block;margin-right: 25px;padding: 10px 15px;font-size: 14px;color: #333;border: 1px solid #e5e5e5;border-radius: 4px;}
.pager strong {display: inline-block;margin-right: 25px;padding: 10px 15px;font-size: 14px;color: #1b72ba;border: 1px solid #e5e5e5;border-radius: 4px;}
.pager a {display: inline-block;margin-right: 25px;padding: 10px 15px;font-size: 14px;color: #333;border: 1px solid #e5e5e5;border-radius: 4px;}
.pager a:hover {background: #ff7700;color: #fff;}
/*广告图动画效果*/
.adv-photo-tit {position: absolute;left: 0;bottom: 0;width: 100%;height: 30px;line-height: 30px;color: #fff;background: rgba(0,0,0,0.5);border-radius: 0 0 4px 4px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}



/*精美建筑模版*/
.top-ml {width: 1200px;height: 140px;margin: 20px 0;}
.top-ml li {display: inline-block;float: left;width: 300px;text-align: center;}
.top-ml li a {position: relative;display: inline-block;width: 288px;height: 140px;}
.top-ml li span {position: absolute;top: 50px;left: 100px;font-size: 24px;color: #fff;}

.gallery-case {padding-top: 6px;}
.gallery-case-tit {position: relative;overflow: hidden;}
.gct-text {float: left; margin: 16px; font-size: 24px;color: #1b72ba;}
.gct-desc {float: left;font-size: 16px;line-height: 62px;margin-left: 30px;color: #999;}
.gallery-case-list {width: 1200px;height: 400px;}
.gct-more {position: absolute;top: 15px;right: 0;font-size: 14px;color: #666;}
.gct-more:hover {color: #80b3e1;}
.gallery-case-left {position: relative;float: left;width: 600px;}
.gallery-case-left img {border-radius: 4px;width: 600px;height: 400px;}
.gallery-case-right {float: left;margin-left: 20px;width: 285px;}
.gallery-case-right img {border-radius: 4px; margin-bottom: 20px;width: 285px;height: 190px;}
.gallery-case-small {position: relative;width: 285px;height: 190px;}
.gallery-hot-home {float: right;width: 275px;height: 400px;}
.gallery-case-adv {margin: 20px 0;width: 1200px;height: 100px;background: #80b3e1;}

.gallery-tit {position: relative;overflow: hidden;}
.gallery-tit .content {float: left;font-size: 24px;color: #1b72ba;}
.gallery-tit .describe {float: left;margin-top: 15px;margin-left: 30px;color: #999;}
.gallery-tit .get-more {position: absolute;top: 15px;right: 0;font-size: 14px;color: #666;}
.gallery-tit .get-more:hover {color: #80b3e1;}
.gallery-hxsx {width: 1200px;height: 400px;}
.gallery-hxsx-box {position: relative;float: left;width: 275px;height: 400px;}
.gallery-hxsx-box .hxsx-tit {margin-top: 45px;font-size: 24px;color: #fff;text-align: center;}
.gallery-hxsx-box .hxsx-list {width: 252px;height: 255px;margin: 0 auto;}
.hxsx-list ul li {float: left;}
.hxsx-list ul li a {display: inline-block;margin: 18px 3px;width: 118px;height: 48px;line-height: 48px;font-size: 18px;color: #fff;border: 1px solid #fff;border-radius: 4px;text-align: center;}
.hxsx-list ul li a:hover {background: rgba(0,179,113,0.3);}
.gallery-hxsx-box .hxsx-btn {position: absolute;bottom: 0;left:0;display: inline-block;width: 275px;height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;color: #fff;background: #ff6600;text-align: center;border-radius: 4px;}
.gallery-list {margin: 20px 0;width: 1200px;height: 180px;}
.gallery-list li{display: inline-block;float: left;padding-top: 20px;width: 200px;height: 140px;text-align: center;}
.gallery-list li p {height: 42px;line-height: 42px;font-size: 16px;color: #333;}
.photo-list {float: left;margin-left: 10px;width: 915px;height: 400px;}
.photo-zx {float: left;margin-left: 18px;width: 285px;height: 400px;}
.photo-zx img {width: 285px;height: 190px;border-radius: 4px;}
.photo-tab-zx-r1 {margin-top: 20px;width: 285px;height: 190px;}

.gallery-zt {padding: 20px 0;}
.gallery-zt-tit {position: relative;padding-bottom: 6px;overflow: hidden;}
.gallery-zt-tit h2 {float: left;font-size: 24px;color: #1b72ba;}
.gallery-zt-tit a {position: absolute;top: 15px;right: 0;font-size: 14px;color: #666;}
.gallery-zt-tit a:hover {color: #80b3e1;}
.gallery-zt-list {width: 1200px;height: 340px;}
.gallery-zt-box {width: 1200px;height: 175px;}
.gallery-zt-box ul {width: 1220px;}
.gallery-zt-box ul li {float: left;margin: 20px 10px;}
.gallery-zt-box ul li a {display: inline-block;width: 285px;height: 175px;}
.gallery-zt-box-img {vertical-align: middle;width: 285px;height: 160px;overflow: hidden;}
.gallery-zt-box-p {margin-top: 20px;height: 30px;line-height: 20px;font-size: 16px;color: #555;text-align: center;}
.gallery-zt-box-p:hover {color: #80b3e1;}
.gallery-zt-jump {margin-top: 40px;width: 1200px;height: 100px;}
.gallery-zt-to {display: inline-block;width: 590px;height: 100px;}

.case-top-banner {margin: 0 auto;width: 100%;min-width: 1200px;max-width: 1920px;height: 240px;background: url('../images/casecenter-banner-bg.jpg') no-repeat;}
.case-top-center {width: 1200px;height: 240px;margin: 0 auto;text-align: center;}
.case-top-link {display: inline-block;margin-top: 25px;width: 300px;height: 40px;line-height: 40px;font-size: 18px;font-weight: bold;color: #ff7700;background: #fff;text-align: center;border-radius: 5px;}
.case-top-link:hover {background: #ff7700;color: #fff;}
.case-top-txt {margin-top: 20px;font-size: 14px;color: #fff;}
.case-top-num {font-size: 14px;color: #ff7700;}
.case-top-pic {margin-top: 40px;}
.attr-list .current-c {color: #ff7700;}

/*臻作精品*/
.sousuo {margin: 0 auto;width: 100%;min-width: 1200px;max-width: 1920px;height: 240px;background: url('../images/home-items-banner-bg.jpg') no-repeat;}
.ssnr {position: relative;width: 1200px;height: 240px;margin: 0 auto;text-align: center;}
.ssnr h2{padding-top: 40px;font-size: 24px;font-weight: bold;color: #fff;}
.ssnr p{padding-top: 100px;font-size: 18px;color: #fff;}
.ssnr a{display: inline-block;padding-top: 10px;color: #ff7700;}
.ssk {position:absolute;top: 100px;left: 400px;width: 400px;height: 40px;background: #fff;border-radius: 20px;border: none;outline:none;overflow: hidden;}
.ssk input{padding: 8px 20px;float: left;width: 260px;height: 24px;background-color: #fff;outline: none;}
.btn1{position: relative;width: 100px;height: 40px;background: #fff;cursor: pointer;}
.btn1 em{position: absolute;top: 10px;right: 50px;display: inline-block;width: 20px;height: 20px;background: url('../images/css-sprite-1.png') no-repeat;background-position: -64px -54px;}

.cplist li{float: left;margin: 10px;width: 280px;height: 290px;color: #333;}
.lbtp {width: 280px;height: 190px;overflow: hidden;}
.lbtp img{width: 280px;height: 190px;max-width: 280px;max-height: 190px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;vertical-align: middle;}
.lbms {padding: 0 15px;width: 248px;height: 99px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.lbms span{float: right;}
.lbms1 {height: 33px;line-height: 33px;overflow: hidden;}
.lbms1 a{float: left;font-size: 14px;color: #333;}
.lbms2 {height: 33px;line-height: 33px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


/*案例中心
.p_w {box-shadow: 0 3px 3px rgba(2,2,2,.4);}
.top-second {position: relative;}
.p_i {width: 1180px;position: relative;margin: 0 auto;overflow: hidden;}
.topSecond-first {float: left;margin-left: 0;padding-bottom: 10px;padding-top: 10px;width: 1180px;}
#header_logo {background: url(/skin/wqhome/image/logo.png) no-repeat;overflow: hidden;text-indent: -99em;display: block;width: 280px;height: 80px;cursor: pointer;float: left;}
.top-description {position: relative;float: left;text-align: center;color: #333;font-size: 14px;}
.top-description>.description-home {position: relative;margin: 24px auto 0;}
.headerTell-icon {float: right;margin-top: 24px;width: 210px;height: 40px;background: url(/skin/wqhome/home/picture/header-photo.png) no-repeat;}
*/


/*臻作精品模版*/
.attr-list .current-hi {color: #ff7700;}


.home-detail-main-left {float: left;width: 910px;}
.main-left-top .fp {width: 360px;height: 240px;border-radius: 4px;}
.main-left-top .main-left-top-detail {width: 520px;height: 240px;}
.main-left-top-detail .mltd-lbox {position: relative;border-bottom: 1px solid #e5e5e5;}
.mltd-lbox .loupan-name {padding:5px 0;font-size: 24px;font-weight: normal;color: #333;}
.mltd-lbox .loupan-addr {padding:12px 0;font-size: 14px;color: #666;}
.mltd-lbox .huoqu-bj {position: absolute;top: 20px;right: 0;color: #ff7700;text-decoration: underline;}
.mltd-rbox .hg {line-height: 32px;}
.mltd-rbox .hg .junjia {display: inline-block;width: 200px;font-size: 14px;color: #666;}
.mltd-rbox .hg .kaifa {margin-left: 30px;font-size: 14px;color: #666;}
.mltd-rbox .hg .kaipan {display: inline-block;width: 200px;font-size: 14px;color: #666;}
.mltd-rbox .hg .jungong {margin-left: 30px;font-size: 14px;color: #666;}
.main-left-top-detail .jianjie {height: 48px;line-height: 24px;font-size: 14px;color: #666;overflow: hidden;}

.mian-left-bottom-tit .hd-nav {float: left;width: 50%;height: 50px;text-align: center;background: #f2f2f2;}
.mian-left-bottom-tit .hd-nav-link {line-height: 50px;font-size: 18px;color: #333;}
.mian-left-bottom-tit .current {color: #1b72ba;}
.mian-left-bottom-tit .hd-nav-link:hover {color: #80b3e1;}
.main-left-bottom-detail {padding: 20px;}
.main-left-bottom-detail p {text-indent: 2em;padding: 10px 0;font-size: 16px;}

/*美图专栏模版*/
.special-column {margin-top: 30px;height: 60px;background: #f2f2f2;overflow: hidden;}
.special-column .column {position: relative;float: left;display: inline-block;width: 171px;line-height: 60px;font-size: 18px;color: #666;text-align: center;}
.special-column .column:after {position: absolute;top: 15px; right: 0;content: '';border-right:1px solid #fff;height: 30px;}
.special-column .column:hover {background: #80b3e1;color: #fff;}
.special-column .ccol {background: #1b72ba;color: #fff;}

/*品牌公司模版*/
.attr-list .current-gi {color: #ff7700;}

/*新闻首页*/
.xwgg {width: 1200px;height: 350px;overflow: hidden;}

.zxgl-service {margin: 20px 0;width: 1198px;height: 98px;border: 1px solid #e5e5e5;border-radius: 4px;}
.zxgl-service-list {float: left;width: 908px;height: 100px;}
.zxgl-service-big-vline {float:left;margin-top: 9px;width: 2px;height: 80px;background: #e5e5e5;}
.zxgl-service-small-vline {float:left;margin-top: 24px;width: 1px;height: 50px;background: #e5e5e5;}
.zxgl-service-box {float:left;width: 150px;height: 98px;text-align: center;}
.zxgl-service-box em {display: inline-block;margin-top: 20px;height: 40px;background: url('../images/css-sprite-2.png') no-repeat;}
.zxgl-service-box .zxgl-service-bg1 {width: 30px;background-position: -7px 0;}
.zxgl-service-box:hover .zxgl-service-bg1 {background-position: -7px -42px;}
.zxgl-service-box .zxgl-service-bg2 {width: 33px;background-position: -52px 0;}
.zxgl-service-box:hover .zxgl-service-bg2 {background-position: -52px -42px;}
.zxgl-service-box .zxgl-service-bg3 {width: 44px;background-position: -91px 0;}
.zxgl-service-box:hover .zxgl-service-bg3 {background-position: -91px -42px;}
.zxgl-service-box .zxgl-service-bg4 {width: 38px;background-position: -141px 0;}
.zxgl-service-box:hover .zxgl-service-bg4 {background-position: -141px -42px;}
.zxgl-service-box .zxgl-service-bg5 {width: 32px;background-position: -190px 0;}
.zxgl-service-box:hover .zxgl-service-bg5 {background-position: -190px -42px;}
.zxgl-service-box .zxgl-service-bg6 {width: 34px;background-position: -235px 0;}
.zxgl-service-box:hover .zxgl-service-bg6 {background-position: -235px -42px;}
.zxgl-service-text {margin-top: 10px;font-size: 14px;color: #555;}
.zxgl-service-box:hover .zxgl-service-text {color: #ff7700;}

.content-index-main {width: 1200px;height: 330px;}
.content-index-lmain {float: left;width: 870px;height: 330px;}
.cil-tit {position: relative;padding-top: 5px;width: 870px;height: 45px;overflow: hidden;}
.cil-content {width: 870px;height: 280px;}
.cil-tit .title {float: left;font-size: 24px;color: #333;}
.cil-tit .describe {float: left;margin-top: 15px;margin-left: 30px;color: #999;}
.cil-tit .more {position: absolute;top: 15px;right: 0;font-size: 14px;color: #666;}
.cil-tit .more:hover {color: #ff7700;}
.cil-content .zxkt-bg {float: left;width: 420px;height: 280px;}
.zxkt-content {float: right;width: 420px;height: 280px;}
.zxkt-content .tab-list {height: 40px;}
.zxkt-content .tab-list .tab {display: inline-block;float: left;width: 138px;line-height: 40px;font-size: 15px;font-weight: bold;color: #333;text-align: center;background: #e5e5e5}
.zxkt-content .tab-content {width: 420px;height: 240px;}
.zxkt-content .tab-content .tab-content-box {display: none;}
.tab-content .tab-content-box .top {padding: 8px;}
.tab-content-box .top .tit {height: 36px;line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tab-content-box .top .txt {font-size: 18px;color: #000;}
.tab-content-box .top .txt:hover {color: #ff7700;}
.tab-content-box .top .sort-describe {line-height: 26px;font-size: 14px;color: #666;}
.tab-content-box .top .more {font-size: 14px;color: #333;}
.lia {height: 34px;line-height: 34px;list-style:none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bl-tit {font-size: 14px;color: #333;}
.bl-tit:hover {color: #ff7700;}


.content-index-rmain {float: right;width: 300px;height: 330px;}
.content-index-rmain .cir-tit {position: relative;padding-top: 5px;width: 300px;height: 44px;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.content-index-rmain .cir-content {width: 300px;height: 280px;}
.content-index-rmain .l-tit {float: left;font-size: 24px;color: #333;}
.content-index-rmain .r-tit {position: absolute;top: 15px;right: 0;font-size: 14px;color: #666;}
.content-index-rmain .r-tit:hover {color: #ff7700;}
.cir-content .cir-top-art {padding-top: 12px;}
.cir-top-art .cta-tit {height: 36px;line-height: 36px;}
.cir-top-art .cta-describe {line-height: 26px;font-size: 14px;color: #666;}
.cir-top-art .cta-detail {font-size: 14px;color: #333;}
.cir-content .cir-bottom-art {margin-top: 10px;}
.cir-bottom-art .cba-list {height: 34px;line-height: 34px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cir-bottom-art .cab-tit {font-size: 14px;color: #333;}
.cir-top-art .txt {display: inline-block;width: 300px;font-size: 18px;color: #000;white-space: nowrap;text-overflow: ellipsis;
    overflow: hidden;}
.cir-top-art .txt:hover {color: #ff7700;}
.cir-top-art .more {font-size: 14px;color: #333;}
.cir-top-art .more:hover {color: #ff7700;}
.cba-list {height: 34px;line-height: 34px;list-style:none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.point {display: inline-block;margin-right: 10px;width: 5px;height: 5px;background: url('../images/css-sprite-1.png') no-repeat -63px 0;}
.cab-tit {font-size: 14px;color: #333;}
.cab-tit:hover {color: #ff7700;}


.content-index-zxlc {position: relative;margin: 30px 0;width: 1200px;height: 146px;}
.content-index-zxlc .ciz-bg {position: absolute;top: 0;left: 0;width: 134px;height: 146px;}
.content-index-zxlc .ciz-content {width: 1196px;height: 142px;border: 2px solid #1b72ba;}
.ciz-content .ciz-content-left {float: right;margin-right: 30px;width: 148px;height: 142px;}
.ciz-content .ciz-content-center {float: right;margin-right: 30px;width: 296px;height: 142px;}
.ciz-content .ciz-content-right {float: right;margin-right: 30px;width: 444px;height: 142px;}
.ciz-content-left .ccl-tit {padding: 20px 0;width: 148px;font-size: 18px;color: #1b72ba;text-align: center;}
.ciz-content-center .ccc-tit {padding: 20px 0;width: 296px;font-size: 18px;color: #1b72ba;text-align: center;}
.ciz-content-right .ccr-tit {padding: 20px 0;width: 444px;font-size: 18px;color: #1b72ba;text-align: center;}
.ciz-content .cct-list-li {text-align: center;}
.ciz-content .cct-list-li .list-link {display: inline-block;width: 74px;}
.cct-list-li em {display: inline-block;height: 30px;background: url('../images/css-sprite-2.png') no-repeat}
.cct-list-li .zxlc1 {width: 29px;background-position: -363px -84px;}
.cct-list-li:hover .zxlc1 {background-position: -363px -116px;}
.cct-list-li .zxlc2 {width: 30px;background-position: -397px -84px;}
.cct-list-li:hover .zxlc2 {background-position: -397px -116px;}
.cct-list-li .zxlc3 {width: 32px;background-position: -145px -84px;}
.cct-list-li:hover .zxlc3 {background-position: -145px -116px;}
.cct-list-li .zxlc4 {width: 30px;background-position: -182px -84px;}
.cct-list-li:hover .zxlc4 {background-position: -182px -116px;}
.cct-list-li .zxlc5 {width: 32px;background-position: -217px -84px;}
.cct-list-li:hover .zxlc5 {background-position: -217px -116px;}
.cct-list-li .zxlc6 {width: 30px;background-position: -254px -89px;}
.cct-list-li:hover .zxlc6 {background-position: -254px -118px;}
.cct-list-li .zxlc7 {width: 24px;background-position: -293px -84px;}
.cct-list-li:hover .zxlc7 {background-position: -293px -116px;}
.cct-list-li .zxlc8 {width: 30px;background-position: -326px -84px;}
.cct-list-li:hover .zxlc8 {background-position: -326px -116px;}
.cct-list-li .zxlc9 {width: 34px;background-position: 0 -84px;}
.cct-list-li:hover .zxlc9 {background-position: 0 -116px;}
.cct-list-li .zxlc10 {width: 28px;background-position: -39px -84px;}
.cct-list-li:hover .zxlc10 {background-position: -39px -116px;}
.cct-list-li .zxlc11 {width: 28px;background-position: -74px -84px;}
.cct-list-li:hover .zxlc11 {background-position: -74px -116px;}
.cct-list-li .zxlc12 {width: 31px;background-position: -110px -84px;}
.cct-list-li:hover .zxlc12 {background-position: -110px -116px;}
.cct-list-li .list-txt {padding: 10px 0;font-size: 14px;color: #666;}
.cct-list-li:hover .list-txt {color: #ff7700;}


.content-index-jhwd {width: 1200px;height: 390px;}
.content-index-ljhwd {float: left;width: 870px;height: 390px;}
.cil-jinghua-ask {width: 870px;height: 330px;}
.cil-jinghua-tit {position: relative;padding-top: 5px;width: 870px;height: 45px;overflow: hidden;}
.cil-jinghua-content {width: 870px;height: 280px;}
.cil-jinghua-tit .jinghua-txt {float: left;font-size: 24px;color: #333;}
.cil-jinghua-tit .jinghua-stit {float: left;margin-top: 15px;margin-left: 30px;color: #999;}
.cil-jinghua-tit .jinghua-more {position: absolute;top: 15px;right: 0;font-size: 14px;color: #666;}
.cil-jinghua-tit .jinghua-more:hover {color: #ff7700;}
.cil-jinghua-content .cil-jinghua-bg {float: left;width: 420px;height: 280px;}
.cil-jinghua-rcontent {float: right;width: 420px;height: 280px;}
.jinghua-first-txt {font-size: 18px;color: #333;}
.jinghua-first-txt:hover {color: #ff7700}
.cil-jinghua-rcontent .jinghua-fisrt-tit {color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cil-jinghua-rcontent .jinghua-icon {display: inline-block;margin-right: 10px;width: 40px;height: 20px;background: url('../images/css-sprite-2.png') no-repeat;background-position: -225px -150px;vertical-align: middle;}
.cil-jinghua-rcontent .jinghua-first-des {padding: 15px 0;line-height: 28px;font-size: 14px;color: #666;}
.cil-jinghua-rcontent .jinghua-first-link {font-size: 14px;color: #333;}
.cil-jinghua-rcontent .jinghua-first-link:hover {color: #ff7700;}
.lij {list-style: none;height: 34px;line-height: 34px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.jinghua-link {font-size: 14px;color: #333;}
.jinghua-link:hover {color: #ff7700;}

.gallery-zt {padding: 20px 0;}
.gallery-zt-tit {position: relative;padding-bottom: 6px;overflow: hidden;}
.gallery-zt-tit h2 {float: left;font-size: 24px;color: #333;}
.gallery-zt-tit a {position: absolute;top: 15px;right: 0;font-size: 14px;color: #666;}
.gallery-zt-tit a:hover {color: #ff7700;}
.gallery-zt-list {width: 1200px;height: 340px;}
.gallery-zt-box {width: 1200px;height: 175px;}
.gallery-zt-box ul {width: 1220px;}
.gallery-zt-box ul li {float: left;margin: 20px 10px;}
.gallery-zt-box ul li a {display: inline-block;width: 285px;height: 175px;}
.gallery-zt-box-img {vertical-align: middle;width: 285px;height: 160px;overflow: hidden;}
.gallery-zt-box-p {margin-top: 20px;height: 30px;line-height: 20px;font-size: 16px;color: #555;text-align: center;}
.gallery-zt-box-p:hover {color: #ff7700;}
.gallery-zt-jump {margin-top: 40px;width: 1200px;height: 100px;}
.gallery-zt-to {display: inline-block;width: 590px;height: 100px;}




/*行业问答*/
#destoon_select {
    width: 60px;
    margin-left: 20px;
    background: none;
}
#search_module {
    z-index: 1000;
    position: absolute;
    width: 98px;
    overflow: hidden;
    margin: 67px 0 0 425px;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    background: #FFFFFF;
    border: #00b371 2px solid;
    border-top: none;
    cursor: pointer;
    text-align: center;
    line-height: 2rem;
    
}
.m {
    margin: auto;
    width: 1200px;
    background: #FFFFFF;
    clear: both;
}
#search_module li {padding:0 10px;color:#666666;}
#search_module li:hover {color:#fff;background:#00b371;}



.ask-jingxuan {margin-top: 30px;width: 690px;}
.ask-jingxuan .tab-content-box {margin-top: 10px;}
.ask-jingxuan .tab-list {height: 50px;overflow: hidden;}
.ask-jingxuan .tab-list .tab {display: inline-block;width: 335px;height: 50px;line-height: 50px;font-size: 20px;color: #333;border-radius: 4px;background: #f2f2f2;text-align: center;}
.ask-jingxuan-li {padding: 13.5px 10px;border-bottom: 1px solid #e6e6e6;}
.ask-jingxuan-li .ltop {padding-bottom: 10px;overflow: hidden;}
.ask-jingxuan-li .ltop .ltop-link {float: left;display: inline-block;font-size: 16px;color: #333;}
.ask-jingxuan-li .ltop .ltop-link:hover {color: #ff6600;}
.ask-jingxuan-li .ltop .answer-num {float: right;display: inline-block;color: #999;}
.ask-jingxuan-li .ltop .num {color: #00b371;vertical-align: top;}
.ask-jingxuan-li .btxt {font-size: 14px;color: #999;overflow: hidden;}
.ask-jingxuan-li .btxt-link {float: left;display: inline-block;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ask-jingxuan-li .bt:hover {color: #00b371;}
.ask-jingxuan-li .btxt-link em {display: inline-block;margin: 0 10px;width: 16px;height: 16px;}
.ask-jingxuan-li .btxt-link .ask-icon { background: url('../images/css-sprite-1.png') no-repeat -18px -36px; vertical-align: sub;}
.ask-jingxuan-li .btxt-link .answer-icon { background: url('../images/css-sprite-1.png') no-repeat -0px -36px; vertical-align: sub;}
.ask-jingxuan-li .btxt .know {float: right;display: inline-block;color: #999;}
.ask-jingxuan-li .btxt .answer2{vertical-align: top;color: #00b371;}

.adk-special-qa-text .adk-special-ul {width: 224px;}
.adk-special-qa-text .adk-special-ul li {width: 184px;height: 30px;line-height: 30px;margin-right: 0;}
.adk-special-qa-text .adk-special-ul li a {display: inline-block;width: 184px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.adk-special-qa-text .adk-special-ul li a:hover {color: #ff6600;}
.adk-special-qa-text .adk-special-ul li em {display: inline-block;margin-right: 10px;width: 5px;height: 5px;background: url('../images/css-sprite-1.png') no-repeat; background-position: -63px 0;vertical-align: middle; }

.ask-hot-question {width: 1365px;overflow: hidden;}
.ask-hot-question li {float: left;height: 32px;line-height: 32px;width: 455px;}
.ask-hot-question li a {display: inline-block;width: 290px;font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ask-hot-question li a:hover {color: #ff6600;}
.ask-hot-question li em {display: inline-block;margin-right: 10px;width: 5px;height: 5px;background: url('../images/css-sprite-1.png') no-repeat; background-position: -63px 0;vertical-align: middle; }


/*底部*/


/*底部滚动表单弹窗 */

.index_scroll_hovers{width: 450px;height: 32px;margin: 0 auto;margin-top: 24px;}
.index_scroll_hovers input{width:140px;height:32px;line-height:32px;text-indent:8px;border-radius:3px;border:none;float:left;font-size:12px;}
.index_scroll_hovers button{width:140px;height:32px;line-height:32px;border-radius:3px;border:none;background-color:#ff4001;float:left;text-align:center;color:#fff;font-size:14px;}
.Validform_checktip{line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px;}
.Validform_wrong{ color:red; white-space:nowrap;}
.Validform_error{ background-color:#ffe7e7;}

/*右侧悬窗 */
.btnArea{position:relative;width:60px;height:180px;}
.btnArea_two{position:absolute;top:0px;left:0;}
.btnArea_two i{display:block;width:60px;height:60px;background-image:url('../images/helpbtntwo.jpg');}
.btnArea_two i:hover{background-image:url('../images/helpbtntwo2.jpg');}
.btnArea_three{position:absolute;top:60px;left:0;}
.btnArea_three i{display:block;width:60px;height:60px;background-image:url('../images/helpbtnthree.gif');}
.btnArea_three i:hover{background-image:url('../images/helpbtnthree2.jpg');}
.btnArea_four{position:absolute;top:120px;left:0;}
.btnArea_four i{display:block;width:60px;height:60px;background-image:url('../images/helpbtnfour.jpg');}
.btnArea_four i:hover{background-image:url('../images/helpbtnfour2.jpg');}
.btnArea_ewm{width:0px;height:120px;position:absolute;top:30px;right:59px;overflow:hidden;transition: all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;}
.info .btnArea_ewm{width:126px;}
.btnArea_icon{position:relative;width:126px;height:120px;}
